
.wrap { font-size: 14px;
    .content { width: 350px; margin: 40px auto 0;
        .title { text-align: center; font-size: 25px; font-weight: 500; margin-bottom: 50px; }
        input { text-align: left; margin-bottom: 5px; padding-bottom: 3px; }
        .tips { color: $u-type-info; margin-bottom: 30px; margin-top: 4px; }

        .alternative { color: $u-tips-color; display: flex; justify-content: space-between; margin-top: 15px; }
    }
    .buttom {
        .loginType { display: flex; padding: 75px 75px 15px 75px; justify-content: center;
            .item { display: flex; flex-direction: column; align-items: center; color: $u-content-color; font-size: 14px; }
        }

        .hint { padding: 10px 20px; font-size: 11px; color: $u-tips-color;

            .link { color: $u-type-warning; }
        }
    }
    .getCaptcha { background-color: rgb(253, 243, 208); color: $u-tips-color; border: none; font-size: 15px; padding: 6px 0; width: 100%;
        &::after { border: none; }
    }
}

.agreement-checked-view { position: relative; padding: 10px 0px 10px 15px; display: flex; align-items: center; margin: 5px 0; font-size: 12px; justify-content: center; }


.wrapkey { padding: 40px 35px; }
.box { margin: 15px 0; font-size: 15px; color: 555; }
.key-input { padding: 15px 0;
    text { display: none; }
    .error { display: block; color: red; font-size: 15px; margin: 10px 0; }
}
.title { font-size: 25px; color: #333; }
.key-input .tips { font-size: 15px; color: #333; margin-top: 10px; margin-bottom: 30px; }
.captcha { color: $u-type-warning; font-size: 15px; margin-top: 20px;
    .noCaptcha { display: block; }
    .regain { display: block; }
}
